*{
	margin:0 auto;
}
a{
	text-decoration: none;
}
html, body, #root {
  height: 100%;
  font-size: 14px;
  color:#333;
}
.main{
	max-width: 1200px;
    position: relative;
    top: 25px;
    margin: 0 auto;
}
.mod_tag{
	position: relative;
    margin: 0 auto;
    
}
.tag_list{
	position: relative;
    height: auto;
    zoom: 1;
    clear: both;
    overflow: hidden;
    line-height: 26px;
    padding-left: 65px;
}
.tag_item{
	float: left;
    padding: 0 8px;
    margin: 0 24px 15px 0;
    color:#333;
}
.tag_item--select{
	background-color: #31c27c;
    color: #fff;
}
.tag_item:hover{
	color:green;
}
.tag_tit {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 400;
    width: 65px;
}
.popup_tag{
	display: none;
	position: absolute;
    top: 148px;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 19px 0 5px;
    z-index: 4;
}
.mod_part_detail{
	margin-top: 18px;
	position: relative;
    margin-bottom: 30px;
    background: white;
}
.part_detail__hd {
    overflow: hidden;
    height: 60px;
}
.part_detail__tit {
    float: left;
    font-size: 24px;
    font-weight: 400;
    line-height: 58px;
}
.part_switch {
    position: absolute;
    top: 7px;
    right: 0;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    font-size: 0;
}
.part_switch__item--select, .part_switch__item--select:hover { 
    color: #fff;
    z-index: 2;
}
.part_switch__item {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    height: 38px;
    position: relative;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    color:#333;
}
.part_switch__item:hover{
    color:blue;
}
.part_switch__item--left {
    right: -1px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-color: #c9c9c9;
}
.part_switch__item--right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-color: #c9c9c9;
}
.mod_playlist {
    overflow: hidden;
}
.mod_playlist .playlist_list {
    height:200px;
    background: red;
}
.active{
    color:blue;
    text-decoration: none;
}
/*歌单方面的样式*/
.mod_playlist .playlist__item {
    float: left;
    width: 20%;
    padding-bottom: 44px;
    overflow: hidden;
}
.mod_playlist .playlist__item_box {
    position: relative;
    margin-right: 20px;
}
.mod_playlist .playlist__cover {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}
.playlist__pic{
    width:224px;
    height:224px;
}
/*分页的内容*/
.page_nav_1{
    display: block;
    width:50px;
    height:50px;
    text-align: center;
    line-height: 50px;
    color:white;
    float:left;
}

.main .page_nav_select{
    background: green;
}
.main .page_nav_1:hover{
    background: green;
    color:white;
}
/*详情页的样式*/
.detail_box{
    width:1200px;
    height:500px;
    margin:0 auto;
    border: 1px solie red;
}
.detail_left{
    float:left;
    margin-left:210px;
    margin-top:50px;
}
.detail_right{
    float:left;
    margin-top:50px;
    margin-left:100px;
}
.detail_author{
    margin-top:30px;
}
.detail_lang{
    margin-top:30px;
}
.btn_box{
    margin-top:50px;
}
.btn1{
    margin-right:10px;
}
.detail_pic{
    width:300px;
    height:300px;
}
.audio_box{
    margin-top:20px;
}
.comment{
    margin-top:80px;
    margin-left:208px;
}
#con_box{
    border:2px solid #ccc;
    margin-bottom:5px;
}
/*播放图标的样式*/
.mod_cover .play_icon{
    display: inline-block;
    width:70px;
    height:70px;
    background: url(../images/cover_play.png) no-repeat;
    background-size:100% 100%;
    position: relative;
    top: -150px;
    left: 76px;
    transform: scale(0,0);
    transition: 0.3s linear all;
}
.mod_cover:hover .play_icon{
    transform: scale(1,1);
}
.mod_cover .playlist__pic{
     transition: 0.3s linear all;
}
.mod_cover .playlist__pic:hover{
    transform: scale(1.1,1.1);
}
.mod_cover{
    height:227px;
}


